import { Globalstyle } from 'assets/css/index'
import { HashRouter, BrowserRouter } from 'react-router-dom'
import RouterView from 'router/index'


const App = () => {
  return (
    <div>
      <Globalstyle />
      <BrowserRouter>
        <RouterView></RouterView>
      </BrowserRouter>
    </div>
  );
}

export default App;


// export const Globalstyle = createGlobalStyle`
//   html, body, div, span, applet, object, iframe,
//   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
//   a, abbr, acronym, address, big, cite, code,
//   del, dfn, em, img, ins, kbd, q, s, samp,
//   small, strike, strong, sub, sup, tt, var,
//   b, u, i, center,
//   dl, dt, dd, ol, ul, li,
//   fieldset, form, label, legend,
//   table, caption, tbody, tfoot, thead, tr, th, td,
//   article, aside, canvas, details, embed,
//   figure, figcaption, footer, header, hgroup,
//   menu, nav, output, ruby, section, summary,
//   time, mark, audio, video {
//     margin: 0;
//     padding: 0;
//     border: 0;
//     /* font-size: 100%; */
//     /* font: inherit; */
//     vertical-align: baseline;
//   }

//   html {
//     font-size: calc(100 / 750 * 100vw);
//   }
//   /* HTML5 display-role reset for older browsers */
//   article, aside, details, figcaption, figure,
//   footer, header, hgroup, menu, nav, section {
//     display: block;
//   }
//   body {
//     line-height: 1;
//   }
//   ol, ul {
//     list-style: none;
//   }
//   blockquote, q {
//     quotes: none;
//   }
//   blockquote:before, blockquote:after,
//   q:before, q:after {
//     content: '';
//     content: none;
//   }
//   table {
//     border-collapse: collapse;
//     border-spacing: 0;
//   }
// `;
